<!DOCTYPE html>
<html>
<head>
	<title>警告框</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<div class="container">
		<!-- 警告框状态 -->
		<div class="alert alert-success" role="alert">
			Hello!!!
		</div>
		<div class="alert alert-danger" role="alert">
			Hello!!!
		</div>
		<div class="alert alert-info" role="alert">
			Hello!!!
		</div>
		<div class="alert alert-warning" role="alert">
			Hello!!!
		</div>

		<!-- 可关闭的警告框 -->
		<div class="alert alert-warning" role="alert">
			<!-- data-dismiss可关闭可操作的状态 -->
			<button class="close" type="button" data-dismiss="alert">
				<span aria-disabled="true">&times;</span>
			</button>
			<strong>欢迎来到。。。。。</strong>
		</div>

		<!-- 带超链接的警告框 -->
		<div class="alert alert-info" role="alert">
			如有问题请到
			<a href="http://www.baidu.com" class="alert-link">百度</a>
		</div>
	</div>

<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>	
</body>
</html>